@mixin none-select {
  user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
}

@mixin text-select {
  user-select: text;
  -ms-user-select: text;
  -moz-user-select: text;
  -webkit-user-drag: auto;
  -webkit-user-select: text;
}

@mixin scrollBar {
  ::-webkit-scrollbar-track-piece {
    background-color: transparent;
  }

  ::-webkit-scrollbar {
    width: .5rem;
    height: .5rem;
    border-radius: .125rem;
  }

  ::-webkit-scrollbar-thumb {
    border-radius: .125rem;
    background-color: $grey-3;
  }
}